/*全局属性*/
body{
    font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,
        Heiti SC,WenQuanYi Micro Hei,sans-serif;
    margin: 0;
}

/*标题属性*/
.title{
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	height: 60px;
	line-height: 60px;
	background-color: #252525;
}
.title>a{
	color: #b0b0b0;
	text-decoration:None;
	transition: 0.5s all;
}
.title>a:hover{
	color: #ff6700;
	transition: 0.5s all;
}
.title>.btn{
	position: fixed;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	font-weight: 100;
	border-radius: 90px;
	top: 0%;
	right: 50%;
	margin-top: 5px;
	margin-right: -450px;
    background: rgba(30,144,255, 0.8);
    color: #fff;
    transition: 0.3s all cubic-bezier(.46, 1, .23, 1.52);
    display: none;
}
.title>.btn:hover{
    background: rgba(25,130,255, 1);
    transition: 0.3s all cubic-bezier(.46, 1, .23, 1.52);
}

/*列表属性*/
.body-list{
    list-style: none;
	margin: 10px auto;
	padding: 0;
	border: 0;
	overflow: hidden;
	width: 965px;
}

/*内容属性 = 图片 + 文本*/
.body-item{
    float:left;
	position: relative;
	margin: 19px 18px 31px 12px;
    width: 210px;
	height: 280px;
}

/*图片*/
.body-item>div{
	position: relative;
	border-radius: 10px;
}
.body-item>div>img{
	position: absolute;
	width: 210px;
	height: 280px;
	border-radius: 10px;
	z-index: 2;
	transition: all .3s;
}
.body-item>div>.wall{
	z-index: 3;
}
.body-item>div:hover{
	width: 210px;
	height: 280px;
	transition: 0.5s all;
}
.body-item>div:hover img{
	transform: translateY(-3px);
	transition: all .3s;
}


/*链接*/
.body-item>div>a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 210px;
	height: 280px;
	z-index: 3
}

/*文本*/
.body-item span{
	position: absolute;
	display: block;
	top: 80%;
	left: 0;
	text-align: center;
	font-size: 14px;
	width: 210px;
	margin: 10px 0 0;
	transition: 0.6s all;
}
